<!doctype html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>继承和叠加</title>
	<style type="text/css">
		body{
			font-size: 30px;
			color: red;
		}
		body p {
			font-size: 60px;
		}

		#abc{
			font-size: 40px;
		}


		.box{
			font-size: 70px;
		}

		p{
			font-size: 40px;
		}
		p{
			font-size: 50px;
		}

	</style>
</head>
<body>
	<p style="font-size:14px;" id="abc" class="box">这个是一个P<i>这个是一个i</i></p>
	<p class="title"></p>
	<p class="price"></p>
	<p id="header"></p>
	<p id="footer"></p>
	<p class="order-id"></p>
</body>
</html>